<template>
    <div class="detail-ticket">
        <p v-for="item in tickets">
            {{ item.title }}
            <detail-ticket v-if="item.children" :tickets="item.children"></detail-ticket>
        </p>
    </div>
</template>

<script>
    export default {
        props: ['tickets'],
        name: "DetailTicket"
    }
</script>

<style scoped>
    p {
        padding-left: 10px;
        line-height: 40px;
        font-size: 14px;
        box-sizing: border-box;
        border-bottom: 1px solid #eeeeee;
    }

</style>